<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<header th:replace="admin/fragments/header::headerFragment">
</header>

<head>
    <link type="text/css" rel="stylesheet" href="/static/css/panel.css">
</head>
<style>
    .contents {
        width: 100%;
        padding: 70px 0 0 200px;
        background: #f5f5f5;
    }
    
    .footer {
        width: 100%;
        height: 50px;
        position: fixed;
        bottom: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .footer p {
        height: 50px;
        background: #f9f9f9;
        line-height: 50px;
        text-align: left;
        padding-left: 50px;
    }
</style>

<body>
    <div th:replace="admin/fragments/header::header-body"></div>
    <div class="contents">
        <div class="containwapper">
            <p>
                仪表盘
            </p>
            <div class="messagewapper">
                <div class="item item1">
                    <div class="item_left">
                        <i class="iconfont icon-wenzhang"></i>
                    </div>
                    <div class="item_right">
                        发表了
                        <span style="display: block;font-weight: 900;font-size: 20px;">2</span> 篇文章
                    </div>
                </div>
                <div class="item item2">
                    <div class="item_left">
                        <i class="iconfont icon-tubiao-"></i>
                    </div>
                    <div class="item_right">
                        收到了
                        <span style="display: block;font-weight: 900;font-size: 20px;">2</span> 条信息
                    </div>
                </div>
                <div class="item item3">
                    <div class="item_left">
                        <i class="iconfont icon-shangchuan"></i>
                    </div>
                    <div class="item_right">
                        上传了
                        <span style="display: block;font-weight: 900;font-size: 20px;">2</span> 个附件
                    </div>
                </div>
                <div class="item item4">
                    <div class="item_left">
                        <i class="iconfont icon-A"></i>
                    </div>
                    <div class="item_right">
                        友联了
                        <span style="display: block;font-weight: 900;font-size: 20px;">2</span> 个好友
                    </div>
                </div>
            </div>
            <div class="panelwapper">
                <div class="card bg-light mb-3" style="max-width: 20rem;">
                    <div class="card-header">最新文章</div>
                    <div class="card-body">
                        <ul class="list-group">
                            <li class="list-group-item">Cras justo odio<span style="float: right;" class="badge badge-pill badge-info">0</span></li>
                            <li class="list-group-item">Dapibus ac facilisis in</li>
                            <li class="list-group-item">Morbi leo risus</li>
                            <li class="list-group-item">Porta ac consectetur ac</li>
                            <li class="list-group-item">Vestibulum at eros</li>
                        </ul>
                    </div>
                </div>
                <div class="card bg-light mb-3" style="max-width: 20rem;">
                    <div class="card-header">最新留言</div>
                    <div class="card-body">
                        <ul class="list-group">
                            <li class="list-group-item">Cras justo odio</li>
                            <li class="list-group-item">Dapibus ac facilisis in</li>
                            <li class="list-group-item">Morbi leo risus</li>
                            <li class="list-group-item">Porta ac consectetur ac</li>
                            <li class="list-group-item">Vestibulum at eros</li>
                        </ul>
                    </div>
                </div>
                <div class="card bg-light mb-3" style="max-width: 20rem;">
                    <div class="card-header">系统日志</div>
                    <div class="card-body">
                        <ul class="list-group">
                            <li th:each="log : ${logs}" class="list-group-item"><span th:text="${log.action}"></span>==><span th:text="${#temporals.format(log.createTime, 'yyyy-MM-dd HH:mm:ss')}"></span></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div th:replace="admin/fragments/footer::footer"></div>
    </div>


</body>

</html>